
/* 
	Anropa först "remove_error_message" för att
	se till att eventuella meddelanden som visas tas bort.
	
	Kolla att alla fält har fyllts i korrekt,
	använd id attributen som ni satte i laboration 1 för
	att hitta form elementen. 
	
	För att validera mejladressen kan ni använda funktionen 
	"validate_email" nedan.
	
	Om alla värden är ok returnerar ni true, annars 
	så anropar ni "create_error_message" med 
	ett lämpligt meddelande och sedan 
	returnerar false.
*/



function validate_contact_form() {

remove_error_message();
var update = true;
	
var name = document.getElementById("usernameInputRegister").value;
var email = document.getElementById("emailInput").value;
var password = document.getElementById("passwordInputRegister").value;
var repeatedPassword = document.getElementById("repeatedPassword").value;


        if(!validate_name(name)){
		create_error_message("Enter a username");
	}

	if(!validate_email(email)){
		create_error_message("Invalid email");
		update=false;
	}
        if(!validate_password(password, repeatedPassword)){
            create_error_message("Passwords must be more than 5 characters and match");
            update=false;
        }
	
		return update;
}



function create_error_message(content) {

var container = document.getElementById("error_message");
var redBox = document.createElement("div");

redBox.setAttribute('style', 'color:' + 'red'  + ';');



var text = document.createTextNode(content);

redBox.appendChild(text);
container.appendChild(redBox);

	
}


function remove_error_message() {
var container = document.getElementById("error_message");

	while(container.firstChild){
	container.removeChild(container.firstChild);
	
	}
	}



function validate_email(email) {
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	return reg.test(email);
}
function validate_name(name) {
	return name!==null && name !=="";
}

function validate_password(password, repeatedPassword){
    if(password.length<5){
        return false;
    }
    return password===repeatedPassword;
}


